<template>
  <div :ref="name"  class="page8-block">
      <div style="width:1280px;margin:0 auto;position: relative">
          <div class="con-left">
             <img src="../../../../static/images/img.png" style="width:100%"/>
            <img src="../../../../static/images/title1.png" style="width:143px;margin-top:20px;"/>
            <img src="../../../../static/images/title2.png" style="width:140px;margin-top:20px"/>
          </div>
        <div class="con-right">
           <img src="../../../../static/images/text.png" style="width:100%"/>
        </div>
      </div>
  </div>
</template>

<script>

export default {
  props:{
    name:'',
  },
  components: {

  },
  computed: {

  },
  methods: {
    toDiv(){
      window.scrollTo({
        //滚动到元素位置
        top: this.$refs[this.name].getBoundingClientRect().top + window.scrollY,//推荐使用。getBoundingClientRect 相对于当前视口的位置
        behavior: "smooth" // 平滑滚动
      });
    },
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .page8-block{
    padding:70px 0;
    background: url("../../../../static/images/page2bg.png") no-repeat;
    background-size: cover;
    overflow: hidden;
    .con-left{
      width:215px;
      text-align: center;
      float:left;
    }
    .con-right{
      float:left;
      width:1011px;
    }

  }


</style>

